iT邦幫忙

2023 iThome 鐵人賽

DAY 3
0
Modern Web

React Native的學習與實作系列 第 3

【Day3】React Native的環境設置(1)

  • 分享至 

  • xImage
  •  

通常在討論到React Native的環境建立的時候,主要使用的方法有兩種。第一種是使用Create React Native App, 這種方法比較簡單,但是只支援純JavaScript應用程式。第二種方式較為傳統,需要安裝完整的React Native以及所有需要的套件。今天就先介紹簡易版 Create React Native App的安裝。
其實如果上網找React Native安裝的話,官網就有相對詳細的教程。今天我就試著簡化或是換種方法介紹如何安裝,用自己比較看得懂的詞語,也算是記錄下來我的安裝過程。
1.Google搜尋 “Expo Go”
React Native的官方網站上建議,如果是React Native的初學者建議使用Expo Go作為開發應用程式的框架。
https://ithelp.ithome.com.tw/upload/images/20230918/20162023MhJcXOhLa5.png
2. 在自己相對的手機系統上下載Expo Go
如果是要開發手機應用程式的話,這是一個必要的步驟。它可以讓我們在寫程式的時候,第一時間看到app上的改變。
https://ithelp.ithome.com.tw/upload/images/20230918/20162023exRm0tD6Wm.png
3. 註冊帳號
註冊好後在手機上也要登入,這樣才可以同步程式的新增和改變。
https://ithelp.ithome.com.tw/upload/images/20230918/20162023yImCq5o5CL.png
4.下載 Node.js
Node.js是一個運行JavaScript的伺服器端環境,它允許你使用JavaScript來建立後端應用程式、API、伺服器、工具和腳本。
下載網址:https://nodejs.org/en
https://ithelp.ithome.com.tw/upload/images/20230918/20162023eSosdkxYYT.png
5.開新的分頁下載環境並開始新的專案
下載 Expo cli
https://ithelp.ithome.com.tw/upload/images/20230918/201620237o2OpXYYse.png
開始新的專案
https://ithelp.ithome.com.tw/upload/images/20230918/20162023340PWhb1SY.png


上一篇
【Day2】React Native的優勢
下一篇
【Day4】React Native的環境設置(2)
系列文
React Native的學習與實作30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言